<template>
  <div class="search-mm">
    <search-buttons v-on:getData="getSearchData"></search-buttons>
    <search-input v-bind:msg="myData" :key="myData"></search-input>
  </div>
</template>

<script>
import SearchButtons from '@/components/search/search-buttons'
import SearchInput from '@/components/search/search-input'
export default {
  name: 'Search',
  components: { SearchInput, SearchButtons },
  data () {
    return {
      myData: {
        myUrl: 'https://www.baidu.com/s',
        uname: 'wd',
        message: '百度一下'
      }
    }
  },
  methods: {
    getSearchData (value) {
      this.myData = value
    }
  }
}
</script>

<style scoped>

</style>
